<!DOCTYPE html>
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" lang="en-US">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="msvalidate.01" content="798EC2BB0B4FD0B032D78CBD4D4ED1A9" />
<title>Moonify UI | UICloud</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<link rel="shortcut icon" href="http://ui-cloud.com/favicon.ico">
				
	<script type="text/javascript">//<![CDATA[
	// Google Analytics for WordPress by Yoast v4.2.3 | http://yoast.com/wordpress/google-analytics/
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount','UA-33215124-1']);
	_gaq.push(['_trackPageview']);
	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();
	//]]></script>
<link rel='stylesheet' id='gdsr_style_xtra-css'  href='css/rating.css' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='css/styles.css' type='text/css' media='all' />
<script type='text/javascript' src='js/jquery/jquery.js'></script>
<script type='text/javascript' src='js/gdsr.js'></script>
<script type='text/javascript' src='js/comment-reply.js'></script>
<meta name="generator" content="WordPress 3.4.1" />
<link rel='shortlink' href='http://ui-cloud.com/?p=2882' />

<!-- All in One SEO Pack 1.6.14.6 by Michael Torbert of Semper Fi Web Design[-1,-1] -->
<meta name="keywords" content="avatar,blue,buttons,checkbox,dark,drop down,menu,player,progress bar,psd,radio buttons,rating,scroll bar,search box,sliders,switches,tags,text input,tooltips,ui kit" />
<link rel="canonical" href="http://ui-cloud.com/moonify-ui/" />
<!-- /all in one seo pack -->
<script type="text/javascript">
//<![CDATA[
var gdsr_cnst_nonce = "54f5a177dd";
var gdsr_cnst_ajax = "http://ui-cloud.com/wp-content/plugins/gd-star-rating/ajax.php";
var gdsr_cnst_button = 1;
var gdsr_cnst_cache = 0;
// ]]>
</script>
<!--[if IE]><style type="text/css">.ratemulti .starsbar .gdcurrent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }</style><![endif]-->
<script type="text/javascript" src="js/jquery/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/facebox.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<link media="screen" rel="stylesheet" type="text/css" href="css/facebox.css" />

</head>

<body class="single single-post postid-2882 single-format-standard">

<!-- BuySellAds Ad Code -->
<script type="text/javascript">
(function(){
  var bsa = document.createElement('script');
     bsa.type = 'text/javascript';
     bsa.async = true;
     bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>
<!-- End BuySellAds Ad Code -->

	<div class="header-wrap" id="top">
		<div class="header">
			<header>
				<nav>
					<ul class="nav">
						<li class="first"><a href="http://ui-cloud.com/">Search</a></li>
						<li><a href="/browse">Browse</a></li>
						<li><a href="/categories">Categories</a></li>
						<li><a href="/submit">Submit</a></li>
						<!--<li><a href="/blog">Blog</a></li>-->
						<li><a href="/about">About</a></li>
						<li><a href="/contact">Feedback</a></li>
					</ul>
					<!--<ul class="account">
						<li class="first"><a href="#">Sign Up</a></li>
						<li><a href="#">Login</a></li>
					</ul>-->
				</nav>
			</header>
		</div>
	</div>


	<div class="body-header-wrap">
		<div class="body-header">
			<div class="logo">
				<a href="http://ui-cloud.com/" title="UICloud Home"><img src="http://ui-cloud.com/wp-content/themes/uicloud/images/logo-single.png" alt="UICloud Logo" /></a>
			</div>
      <form class="search-form" name="search_form" method="get" id="searchform" action="http://ui-cloud.com/">
	<input class="search-input" type="text" value="" placeholder="Enter UI element keywords" name="s" id="s" />
	<input class="btn" type="submit" name="submit" id="searchsubmit" value="Search"/>	
</form>			<div class="header-ads">
				<script type="text/javascript"><!--
					google_ad_client = "ca-pub-8949974090550879";
					/* UICloud header */
					google_ad_slot = "8050697451";
					google_ad_width = 468;
					google_ad_height = 60;
					//-->
					</script>
					<script type="text/javascript"
					src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
				</script>			
			</div>
		</div>
	</div>
	



	<div class="body-wrap">
		<div class="body clearfix">
			<div class="inner">        
				
				        
        
        <h1>
          Moonify UI          <span style="font-size: 14px;">
                                  </span>
          <span class="right text-small" style="font-weight: normal; margin-top: 16px;">
            <a href="/contact/">Report</a>
          </span>
        </h1>

        <div class="content">
					<div class="sub-title">
						by <a href="http://www.designkindle.com/author/joachim-lofstedt/" target="_blank">Joachim Löfstedt</a> &middot;
             
            <a href="#comments">
              No comment yet            </a>
            <div class="post-social">
              <!-- AddThis Button BEGIN -->
              <div class="addthis_toolbox addthis_default_style ">
                <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
                <a class="addthis_button_tweet"></a>
                <a class="addthis_button_pinterest_pinit"></a>
                <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>                
              </div>
              <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd7195066140a"></script>
              <!-- AddThis Button END -->
            </div>
					</div>

          
          <div class="item-preview block" style="margin-right: 30px; padding: 10px;">
            <div id="slideshow">
              <img src="http://ui-cloud.com/res/designkindle/Moonify-UI/previews/moonify-ui-large-1.jpg" alt="Moonify UI"width="1161" height="685"/>             </div>
            <a href="#" class="arrow-left">Previous</a>
            <a href="#" class="arrow-right">Next</a>

          </div>
          
                    <ul id="itemnav" class="section clearfix">
                        <li>
              <a href="#">
                <img src="http://ui-cloud.com/res/designkindle/Moonify-UI/previews/moonify-ui-large-1.jpg" height="65">
              </a>
            </li>

                    </ul>
        
          
          <div class="align-center" style="margin: 20px 30px 12px 0;">
                          <a class="btn" href="http://ui-cloud.com/dev/download.php?id=2882&download=http://ui-cloud.com/res/designkindle/Moonify-UI/moonify-ui.zip" rel="facebox">
                <i class="icon-small icon-download"></i> Download
              </a>
            
                        
                        
            <!--<a href="#" class="btn-white">Add to Favourate</a>-->
            
                        <a class="btn-white" href="http://www.designkindle.com/2011/12/07/moonify-ui/" target="_blank">
              <i class="icon-small icon-link"></i> Source Page
            </a>
                        
          </div>

          <div class="section">
					  <span class="hreview-aggregate" style="display: none !important;"><span class="item"><span class="fn">Moonify UI</span></span>, <span class="rating"><span class="average">4.0</span> out of <span class="best">5</span> based on <span class="votes">1</span> rating <span class="summary"></span></span></span>          </div>

          <div class="section" style="overflow: hidden; margin-top:-20px;">
            <!-- BuySellAds Zone Code -->
            <div id="bsap_1277916" class="bsarocks bsap_29e0d8ba973e22ff1b98ad4e1e43ce9f"></div>
            <!-- End BuySellAds Zone Code -->
          </div>

          <div>            
                      </div>
          
          <div class="section">
            <!-- You can start editing here. -->



		<!-- If comments are open, but there are no comments. -->
	 

								<div id="respond">
				<h3 id="reply-title">Post a comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/moonify-ui/#respond" style="display:none;">Cancel reply</a></small></h3>
									<form action="http://ui-cloud.com/wp-comments-post.php" method="post" id="commentform">
																										<p class="comment-form-label"><input id="author" name="author" type="text" value="" size="30" /><label for="author">Name <span class="color-light-gray">(required)</span></label> </p>
<p class="comment-form-label"><input id="email" name="email" type="text" value="" size="30" /><label for="email">Email <span class="color-light-gray">(required)</span></label> </p>
<p class="comment-form-label"><input id="url" name="url" type="text" value="" size="30" /><label for="url">Website</label></p>
												<p class="comment-form-comment"><label for="comment">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>												<p class="form-submit">
							<input name="submit" type="submit" id="submit" value="Post Comment" />
							<input type='hidden' name='comment_post_ID' value='2882' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
						</p>
						<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="e9b4c0511c" /></p>					</form>
							</div><!-- #respond -->
			<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('#commentform').submit(function() {
            _gaq.push(
                ['_setAccount','UA-33215124-1'],
                ['_trackEvent','comment','submit']
            );
        });
    });    
</script>
			
          </div>
          <a class="text-small" href="#top">Back to Top</a>

        </div>
        
        
        <!--Start of Sidebar-->
				<div class="sidebar">
          
					<div class="block">
						<div class="widget">
							<h4>License Type</h4>
							<div class="text-small">
                <div class="text-tiny">
  <a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons Licence" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" /></a><br />
  This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>.
</div>
                								
							</div>
						</div>					
						<div class="widget">
							<h4>Rating</h4>
              <div style="display: none">VN:F [1.9.20_1166]</div><div class="ratingblock "><div class="ratingheader "></div><div class="ratingstars "><div id="article_rater_2882" class="ratepost gdsr-oxygen gdsr-size-20"><div class="starsbar gdsr-size-20"><div class="gdouter gdheight"><div id="gdr_vote_a2882" style="width: 80px;" class="gdinner gdheight"></div><div id="gdr_stars_a2882" class="gdsr_rating_as"><a id="gdsrX2882X5X0XaXarticle_rater_2882Xarticle_loader_2882X10X20" title="5 / 5" class="s5" rel="nofollow"></a><a id="gdsrX2882X4X0XaXarticle_rater_2882Xarticle_loader_2882X10X20" title="4 / 5" class="s4" rel="nofollow"></a><a id="gdsrX2882X3X0XaXarticle_rater_2882Xarticle_loader_2882X10X20" title="3 / 5" class="s3" rel="nofollow"></a><a id="gdsrX2882X2X0XaXarticle_rater_2882Xarticle_loader_2882X10X20" title="2 / 5" class="s2" rel="nofollow"></a><a id="gdsrX2882X1X0XaXarticle_rater_2882Xarticle_loader_2882X10X20" title="1 / 5" class="s1" rel="nofollow"></a></div></div></div></div><div id="article_loader_2882" style="display: none; width: 100px " class="ratingloaderarticle"><div class="loader flower " style="height: 20px"><div class="loaderinner">please wait...</div></div></div></div><div class="ratingtext "><div id="gdr_text_a2882">Rating: 4.0/<strong>5</strong> (1 vote cast)</div></div></div>            </div>					
						<div class="widget">
							<h4>Downloads</h4>
							<p class="text-small">
								65 downloads &middot;
                330 views
							</p>
						</div>
						<div class="widget">
              <form method="post" action="">
							  <h4>Tags
                  <span class="right text-small text-normal">
                    <a href="#edit" class="btn btn-white btn-small" id="btn_edit_tags">Edit</a>
                    <input id="btn_save_tags" type="submit" class="btn-small" style="display: none;" value="Save" />
                    <a href="#edit" class="btn btn-white btn-small" id="btn_cancel" style="display: none;">Cancel</a>
                  </span>
                </h4>
							  <p id="current_tags" class="text-small">
                  <a href="http://ui-cloud.com/tag/avatar/" rel="tag">Avatar</a>, <a href="http://ui-cloud.com/tag/blue/" rel="tag">Blue</a>, <a href="http://ui-cloud.com/tag/buttons/" rel="tag">Buttons</a>, <a href="http://ui-cloud.com/tag/checkbox/" rel="tag">Checkbox</a>, <a href="http://ui-cloud.com/tag/dark/" rel="tag">Dark</a>, <a href="http://ui-cloud.com/tag/drop-down/" rel="tag">Drop down</a>, <a href="http://ui-cloud.com/tag/menu/" rel="tag">Menu</a>, <a href="http://ui-cloud.com/tag/player/" rel="tag">Player</a>, <a href="http://ui-cloud.com/tag/progress-bar/" rel="tag">Progress bar</a>, <a href="http://ui-cloud.com/tag/psd/" rel="tag">PSD</a>, <a href="http://ui-cloud.com/tag/radio-buttons/" rel="tag">Radio buttons</a>, <a href="http://ui-cloud.com/tag/rating/" rel="tag">Rating</a>, <a href="http://ui-cloud.com/tag/scroll-bar/" rel="tag">Scroll bar</a>, <a href="http://ui-cloud.com/tag/search-box/" rel="tag">Search box</a>, <a href="http://ui-cloud.com/tag/sliders/" rel="tag">Sliders</a>, <a href="http://ui-cloud.com/tag/switches/" rel="tag">switches</a>, <a href="http://ui-cloud.com/tag/tags/" rel="tag">tags</a>, <a href="http://ui-cloud.com/tag/text-input/" rel="tag">Text input</a>, <a href="http://ui-cloud.com/tag/tooltips/" rel="tag">Tooltips</a>, <a href="http://ui-cloud.com/tag/ui-kit/" rel="tag">UI Kit</a>							  </p>
                <div id="edit_tags" style="display: none;">
                <textarea name="tags" rows=6 style="width:198px; min-height: 60px; max-height: 180px;" >Avatar, Blue, Buttons, Checkbox, Dark, Drop down, Menu, Player, Progress bar, PSD, Radio buttons, Rating, Scroll bar, Search box, Sliders, switches, tags, Text input, Tooltips, UI Kit</textarea><span class="text-small color-light-gray">Use comma to separate tags</span>                </div>
              </form>
						</div>
						<div class="widget" style="border-bottom: none;">
							<h4>Files Included</h4>              
                            <p class="text-small">
                  <img src="http://ui-cloud.com/wp-content/themes/uicloud/images/icons/File_PSD.png" />                 
              </p>
              							
	
						</div>


					</div>

          <div class="widget">
            <h4>Sponsors</h4>
            <!-- BuySellAds Zone Code -->
            <div id="bsap_1277912" class="bsarocks bsap_29e0d8ba973e22ff1b98ad4e1e43ce9f"></div>
            <!-- End BuySellAds Zone Code -->
          </div>
					
				</div>
        
        
      </div>			
		</div>
	</div>

	<div class="footer-wrap">
		<div class="footer">
			<footer>
				<p class="copy">
          &copy; copyright UICloud 2012. A project by <a href="http://www.doublejdesign.co.uk/">Double-J Design</a>
          &middot; <a href="https://twitter.com/UICloud">Follow us on Twitter</a>
          &middot; <a href="http://www.facebook.com/UICloud">Like us on Facebook</a>
        </p>
        <!-- AddThis Button BEGIN -->
        <div class="addthis_toolbox addthis_default_style footer-social" addthis:url="http://ui-cloud.com">
          <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
          <a class="addthis_button_tweet"></a>
          <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
          <a class="addthis_button_pinterest_pinit"></a>
          <a class="addthis_counter addthis_pill_style"></a>
        </div>
        <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ffc46ba1a324b9b"></script>
        <!-- AddThis Button END -->
			</footer>
		</div>
	</div>

<script type='text/javascript' src='js/jquery/jquery.form.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/ui-cloud.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='js/scripts.js'></script>
</body>
</html>
